<link rel="stylesheet" type="text/css" href="__PUBLIC__/res/css/jquery.fullPage.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/res/css/domain.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/res/css/project.css"/>
<script type="text/javascript" src="__PUBLIC__/Js/jquery.SuperSlide.2.1.1.js"></script>
<div id="fullpage">
    <div class="section active" id="section0">
        <div id="tpl_container" class="tpl_container">
            <div class="tpl_container_bg"></div>
            <div id="tpl_container_box">
                <div>
                    <div class="title">办工空间</div>
                    <div class="des">公司具有建筑装修装饰工程专业承包壹级资质，可承担各类建筑室内、室外装修、装饰工程的施工。</div>
                    <div class="en_title">OFFICE SPACE</div>
                </div>
                <div>
                    <div class="s_title">经典项目</div>
                    <div class="show_classics_project">
                        
                        <!-- 滚动 -->
                        <div class="officeScroll Scroll">
                            <a class="prev" href="javascript:void(0)"></a>
                            <div class="scrollWrap">
                                    <div class="dlList">
                                        <YP:list name="Jingpin" order="id desc" catid="29" limit="12">
                                            <dl>
                                              <dt><a href=""><img src="{$r.thumb}"></a></dt>
                                            </dl>
                                        </YP:list>
                                    </div>


                            </div>
                            <a class="next" href="javascript:void(0)"></a>
                        </div>
                        <script type="text/javascript">
                        jQuery(".officeScroll").slide({ mainCell:".dlList", effect:"leftLoop",vis:7, autoPlay:true, scroll:1});
                        </script>
                        <!-- end -->

                    </div>
                </div>
                <div>
                    <div class="s_title">项目业绩</div>
                    <div class="project_score">
                        <ul>
                            <YP:list name="Jingpin" order="id desc" catid="29" limit="8">
                                <li><a href="">{$r.title}</a></li>
                            </YP:list>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <img src="__PUBLIC__/res/images/bg/project-office.jpg">
    </div>
    <div class="section" id="section1">
        <div id="tpl_container" class="tpl_container">
            <div class="tpl_container_bg"></div>
            <div id="tpl_container_box">
                <div>
                    <div class="title">酒店会所</div>
                    <div class="des">公司具有建筑装修装饰工程专业承包壹级资质，可承担各类建筑室内、室外装修、装饰工程的施工。</div>
                    <div class="en_title">HOSPITALITY</div>
                </div>
                <div>
                    <div class="s_title">经典项目</div>
                    <div class="show_classics_project">
                        
                        <!-- 滚动 -->
                        <div class="hotelScroll Scroll">
                            <a class="prev" href="javascript:void(0)"></a>
                            <div class="scrollWrap">
                                    <div class="dlList">
                                        <YP:list name="Jingpin" order="id desc" catid="30" limit="12">
                                            <dl>
                                              <dt><a href=""><img src="{$r.thumb}"></a></dt>
                                            </dl>
                                        </YP:list>
                                    </div>


                            </div>
                            <a class="next" href="javascript:void(0)"></a>
                        </div>
                        <script type="text/javascript">
                        jQuery(".hotelScroll").slide({ mainCell:".dlList", effect:"leftLoop",vis:7, autoPlay:true, scroll:1});
                        </script>
                        <!-- end -->

                    </div>
                </div>
                <div>
                    <div class="s_title">项目业绩</div>
                    <div class="project_score">
                        <ul>
                            <YP:list name="Jingpin" order="id desc" catid="30" limit="8">
                                <li><a href="">{$r.title}</a></li>
                            </YP:list>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <img style="" src="__PUBLIC__/res/images/bg/project-hotel.gif">
    </div>
    <div class="section" id="section2">
        <div id="tpl_container" class="tpl_container">
            <div class="tpl_container_bg"></div>
            <div id="tpl_container_box">
                <div>
                    <div class="title">公共空间</div>
                    <div class="des">公司具有建筑装修装饰工程专业承包壹级资质，可承担各类建筑室内、室外装修、装饰工程的施工。</div>
                    <div class="en_title">PUBLIC SPACE</div>
                </div>
                <div>
                    <div class="s_title">经典项目</div>
                    <div class="show_classics_project">
                        
                        <!-- 滚动 -->
                        <div class="publicScroll Scroll">
                            <a class="prev" href="javascript:void(0)"></a>
                            <div class="scrollWrap">
                                    <div class="dlList">
                                        <YP:list name="Jingpin" order="id desc" catid="31" limit="12">
                                            <dl>
                                              <dt><a href=""><img src="{$r.thumb}"></a></dt>
                                            </dl>
                                        </YP:list>
                                    </div>


                            </div>
                            <a class="next" href="javascript:void(0)"></a>
                        </div>
                        <script type="text/javascript">
                        jQuery(".publicScroll").slide({ mainCell:".dlList", effect:"leftLoop",vis:7, autoPlay:true, scroll:1});
                        </script>
                        <!-- end -->

                    </div>
                </div>
                <div>
                    <div class="s_title">项目业绩</div>
                    <div class="project_score">
                        <ul>
                            <YP:list name="Jingpin" order="id desc" catid="31" limit="8">
                                <li><a href="">{$r.title}</a></li>
                            </YP:list>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <img src="__PUBLIC__/res/images/bg/project-area.gif">
    </div>
    <div class="section" id="section3">
        <div id="tpl_container" class="tpl_container">
            <div class="tpl_container_bg"></div>
            <div id="tpl_container_box">
                <div>
                    <div class="title">商业空间</div>
                    <div class="des">公司具有建筑装修装饰工程专业承包壹级资质，可承担各类建筑室内、室外装修、装饰工程的施工。</div>
                    <div class="en_title">COMMERCIAL</div>
                </div>
                <div>
                    <div class="s_title">经典项目</div>
                    <div class="show_classics_project">
                        
                        <!-- 滚动 -->
                        <div class="bussScroll Scroll">
                            <a class="prev" href="javascript:void(0)"></a>
                            <div class="scrollWrap">
                                    <div class="dlList">
                                        <YP:list name="Jingpin" order="id desc" catid="32" limit="12">
                                            <dl>
                                              <dt><a href=""><img src="{$r.thumb}"></a></dt>
                                            </dl>
                                        </YP:list>
                                    </div>


                            </div>
                            <a class="next" href="javascript:void(0)"></a>
                        </div>
                        <script type="text/javascript">
                        jQuery(".bussScroll").slide({ mainCell:".dlList", effect:"leftLoop",vis:7, autoPlay:true, scroll:1});
                        </script>
                        <!-- end -->

                    </div>
                </div>
                <div>
                    <div class="s_title">项目业绩</div>
                    <div class="project_score">
                        <ul>
                            <YP:list name="Jingpin" order="id desc" catid="32" limit="8">
                            <li><a href="">{$r.title}</a></li>
                            </YP:list>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <img src="__PUBLIC__/res/images/bg/project-buss.gif">
    </div>

</div>
<script type="text/javascript" src="__PUBLIC__/res/js/jquery.fullPage.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#fullpage').fullpage({
            //sectionsColor: ['#f2f2f2', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
            'navigationTooltips': ['办公空间', '酒店会所', 'Amazing', 'Simple'],
            'navigation': true,
            afterLoad: function(anchorLink, index){
                if(index == 0){
                    $('#content1').addClass('active');
                }
            },
            onLeave: function (index, nexIndex, direction) {
                if (index == 1) {
                    $('#linkShow').hide();
                }
                if (nexIndex == 1) {
                    $('#linkShow').show();
                }
            }
        });
        $('#navMenu li:eq(2)').addClass('link_select');
    });
</script>